---
title: Quickstart VS Code Browser
sidebar_label: VS Code Browser
---

import AddProvider from '../fragments/add-provider.mdx'

## Quickstart with VS Code Browser

Make sure you have installed [DevPod](../getting-started/install.mdx) on your system.

### Add a Provider

<AddProvider />

### Start a Workspace with VS Code Browser

Navigate to 'Workspaces' > '+ Create'. Enter your project url or choose one of the quickstart examples. 

<figure>
<img src="/docs/media/create-workspace-repo.png" alt="DevPod Flow" />
  <figcaption>Create Workspace</figcaption>
</figure>

Make sure to select 'VS Code Browser' under 'Default IDE'

<figure>
  <img src="/docs/media/create-workspace-vscode-browser.png" alt="DevPod Flow" />
  <figcaption>Select IDE</figcaption>
</figure>

Then press 'Create Workspace'.

<figure>
  <img src="/docs/media/create-workspace-final-vscode-browser.png" alt="DevPod Flow" />
  <figcaption>Create Workspace</figcaption>
</figure>

A new window appears showing DevPod starting the workspace. After the workspace was created, VS Code should open automatically connected to the DevContainer.

<figure>
  <img src="/docs/media/create-workspace-vscode-browser-2.png" alt="DevPod Flow" />
  <figcaption>VS Code opens automatically in the browser</figcaption>
</figure>

